<!-- 老旧小区改造-->
<template>
  <div class="page-box">
    <div class="flex-left">
      <ShuJuTongJi />
      <ZuiXinAnJian :scrollData="scrollData" :servers="4" title="最新门头报审" />
      <MenTouBaoShen ref="mentou"></MenTouBaoShen>
    </div>
    <div class="flex-right">
      <ShenHeQingKuang />
      <ZhengGaiPaiHang />
    </div>
  </div>
</template>

<script>
import ShuJuTongJi from './components/ShuJuTongJi.vue'
import ZuiXinAnJian from '@/components/ZuiXinAnJian/ZuiXinAnJian.vue'
import ShenHeQingKuang from './components/ShenHeQingKuang.vue'
import ZhengGaiPaiHang from './components/ZhengGaiPaiHang.vue'
import MenTouBaoShen from '@/components/MenTouBaoShen.vue'
import { MenTouBaoShenDB } from '@/api'
export default {
  components: {
    ShuJuTongJi,
    ZuiXinAnJian,
    ShenHeQingKuang,
    ZhengGaiPaiHang,
    MenTouBaoShen
  },
  data() {
    return {
      scrollData: []
    }
  },
  mounted() {
    this.getData()
  },
  methods: {
    // 定位弹窗
    pointPopup(e) {
      this.$refs.mentou.open(e.id)
    },
    getData() {
      // 门头报审
      MenTouBaoShenDB.getNewStore().then(res => {
        this.scrollData = res.data.map(item => {
          let str = item.storeRealscene;
          let strs = str.replace('.', '-s.')
          return {
            ...item,
            content: item.explain, //内容
            createTime: item.beforCheckDate,
            img: 'https://class.fancysx.com/' + strs,
          }
        })
      })
    }
  }
}
</script>

<style lang="less" scoped></style>
